<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <!-- 

    css中的文字样式有：
      1.font-family：字体类型。
            字体又分为英文字体和中文字体：  英文字体：Arial，"Times New Roman"
                                          中文字体：宋体，微软雅黑（默认值）
            注意点：1.如果字体名称中间有空格或者如果字体名包括 # 或 $ 之类的符号,则需要加引号,单引号双引号都可以
                    2.因为有的字体只对中文或英文一种有效，或者设置的的字体在电脑上不支持，因此可以设置多种字体，字体间用逗号分隔

      2.font-size : 字体大小
            字体默认大小是16px
            值有2种，: 1. number px,如 16px    一般取值都是偶数，方便对齐
                       2.单词：如  small，large。。。。 不建议用这种
      
      3.font-weight:字体粗细
            字体粗细只有2种效果，一种正常（也是默认的），一种加粗
            值有2种写法：1.normal（默认），bold（粗体）
                        2.数值，值有（100-900的100的倍数），虽然有9个值可写，但效果只有2个：100~ 500效果为normal，600~900效果为bold
     
      4.font-style:字体样式
        值有：noraml（默认值），italic（斜体）【注】oblique也是表示斜体，用的比较少。
        两个斜体的区别：italic 带有倾斜属性的字体才可以设置倾斜操作；
                      oblique 没有倾斜属性的字体也可以设置倾斜操作。
                      所以italic比较符合规范。
      5.color: 字体颜色
          虽然是设置字体的，但没有font前置，需要注意下

   -->

   <style>
     p{

       /* font-family: 宋体; */
       /* font-family: 'Times New Roman'; */
       font-family: 'Courier New', Courier, monospace;

       /* font-size: 20px; */
       /* font-size: larger; */

       /* font-weight: 100; */
      /* font-weight: bold; */


      font-style: italic;

      color: red;


     }
   </style>
</head>
<body>
  
  <p>这个是一段文字</p>
  <p>this is a text</p>

  
</body>
</html>